import React from 'react'
import { useState } from 'react'
import style from '../../css/personal/Invitation.module.css'
export default function Invitation() {
    const [btnin,setBtnin] = useState(0)
  return (
    <>
        <div className={style.btnBox}>
            <button className={btnin == 0?style.InvbtnActive:style.Invbtn} onClick={()=>setBtnin(0)}>{'全部'+3}</button>
            <button className={btnin == 1?style.InvbtnActive:style.Invbtn} onClick={()=>setBtnin(1)}>{'好评'+3}</button>
            <button className={btnin == 2?style.InvbtnActive:style.Invbtn} onClick={()=>setBtnin(2)}>{'有图'+0}</button>
        </div>
        {/* 帖子 */}
       {btnin == 2?'': <ul className={style.invitatioUl}>
            <li className={style.invitatioli}>
                <div className={style.liLeft}>
                    <img className={style.liImg} src="https://tse3-mm.cn.bing.net/th/id/OIP-C.g5M-iZUiocFCi9YAzojtRAAAAA?w=193&h=193&c=7&r=0&o=5&dpr=1.3&pid=1.7" alt="" />
                </div>
                <div className={style.liRight}>
                    <p className={style.name}>来自天篷元帅的买家</p>
                    <p className={style.tit}>货真价实!已经来了好几次了</p>
                    <span className={style.date}>2019-09-22 17:11:17</span>
                </div>
            </li>

            <li className={style.invitatioli}>
                <div className={style.liLeft}>
                    <img className={style.liImg} src="https://tse3-mm.cn.bing.net/th/id/OIP-C.C5-_IEvDdSBXmfvtwBGwZgAAAA?w=202&h=202&c=7&r=0&o=5&dpr=1.3&pid=1.7" alt="" />
                </div>
                <div className={style.liRight}>
                    <p className={style.name}>来琪琪的买家</p>
                    <p className={style.tit}>货真价实!质量很好，九成新</p>
                    <span className={style.date}>2019-09-22 17:11:17</span>
                </div>
            </li>

            <li className={style.invitatioli}>
                <div className={style.liLeft}>
                    <img className={style.liImg} src="https://tse2-mm.cn.bing.net/th/id/OIP-C.HDTq3rOlueghahtwd-MZPAAAAA?w=202&h=202&c=7&r=0&o=5&dpr=1.3&pid=1.7" alt="" />
                </div>
                <div className={style.liRight}>
                    <p className={style.name}>来自天使的爱的买家</p>
                    <p className={style.tit}>质量挺好，下次再来</p>
                    <span className={style.date}>2019-09-22 17:11:17</span>
                </div>
            </li>
        </ul>}
    </>
  )
}
